import { Component } from 'react'
import { View, Text, Image } from '@tarojs/components'
import { AtList, AtListItem } from "taro-ui"
import pic1 from "../../assets/images/redian.png";
import { AtActivityIndicator } from 'taro-ui'
class MyList extends Component{
    constructor () {
        super(...arguments)
        this.state = {
          value: ''
        }
      }
      componentWillMount () { }

      componentDidMount () { }
    
      componentWillUnmount () { }
    
      componentDidShow () { }
    
      componentDidHide () { }
      
      render(){
          return(
            <View>
                <View className='at-row'>
                    <Image style='height:100px; width: 100%;' src={require("../../assets/images/redian.png") }/>
                </View>
            <AtList>
              <AtListItem title='' arrow='right' extraText='更多' ></AtListItem>
              <AtListItem
               title='人参的功效和作用'
                note='人参中药学中属于补气药，其药性甘、微苦、微温，主入脾，肺，心...' 
                extraText='2019.1.16'
                thumb={require("../../assets/images/u183.png")} 
                hasBorder={false} >

                </AtListItem>
                <AtListItem
               title='人参的功效和作用'
                note='人参中药学中属于补气药，其药性甘、微苦、微温，主入脾，肺，心...' 
                extraText='2019.1.16'
                thumb={require("../../assets/images/u183.png")} 
                hasBorder={false} >
                    
                </AtListItem>
                <AtListItem
               title='人参的功效和作用'
                note='人参中药学中属于补气药，其药性甘、微苦、微温，主入脾，肺，心...' 
                extraText='2019.1.16'
                thumb={require("../../assets/images/u183.png")}
                hasBorder={false} >
                    
                </AtListItem>
                <AtListItem
               title='人参的功效和作用'
                note='人参中药学中属于补气药，其药性甘、微苦、微温，主入脾，肺，心...' 
                extraText='2019.1.16'
                thumb={require("../../assets/images/u183.png")}
                 >
                    
                </AtListItem>
                <AtListItem> <AtActivityIndicator content='加载中... ' mode='center'></AtActivityIndicator></AtListItem>
            </AtList>
      </View>
          )
      }
}
export default MyList